@import "_var.scss";
.main .left {
    float: left;
    position: $position-re;
}

.main .left .smallbox {
    @include box();
    border: 1px solid #e5e5e5;
    position: $position-re;
    float: left;
}

.main .left .smallbox .sf {
    width: 80px;
    height: 80px;
    position: $position-ab;
    left: 8px;
    top: 0;
    background: rgba(0, 217, 255, 0.356);
    display: none;
}

.main .left .smallbox .smallpic {
    width: 420px;
    height: 420px;
}

.main .left .bigbox {
    @include box();
    position: absolute;
    display: none;
    top: 0px;
    left: 424px;
    float: left;
    z-index: 5;
    background: red;
    overflow: hidden;
}

.main .left .bigbox .bigpic {
    width: 600px;
    height: 700px;
}

.picSlide {
    position: absolute;
    top: 440px;
    padding-left: 10px;
    width: 420px;
    height: 50px;
}

.picSlide>li {
    padding: 10px;
    float: left;
}

.picSlide>li img {
    border: 1px solid rgb(249, 135, 173);
    padding: 5px;
    width: 44px;
    height: 44px;
}

.list {
    position: $position-ab;
    top: 490px;
}

.btnone,
.btntwo {
    position: $position-ab;
    bottom: -15px;
    font-size: 40px;
    @include FontSize();
    color: red;
    cursor: $cursor;
}

.btnone {
    right: -15px;
}

.btntwo {
    left: 386px;
}